use eframe::egui::*;

fn main() -> eframe::Result {
    let options = eframe::NativeOptions {
        viewport: egui::ViewportBuilder::default().with_inner_size([320.0, 240.0]),
        ..Default::default()
    };
    eframe::run_native(
        "My egui App",
        options,
        Box::new(|_cc| Ok(Box::<MyApp>::default())),
    )
}

#[derive(Default)]
struct MyApp {
    temp_value: usize,
    _text: String,
}

impl eframe::App for MyApp {
    fn update(&mut self, ctx: &egui::Context, _frame: &mut eframe::Frame) {
        egui::CentralPanel::default().show(ctx, |ui| {
            ui.separator();

            ui.horizontal(|ui| {
                ui.add(Slider::new(&mut self.temp_value, 0..=255));

                ui.add(DragValue::new(&mut self.temp_value));

                if ui.button("⟲").clicked() {
                    self.temp_value = 255;
                }

                ui.add(Slider::new(&mut self.temp_value, 0..=255));

                ui.add(DragValue::new(&mut self.temp_value));

                if ui.button("⟲").clicked() {
                    self.temp_value = 255;
                }
            });

            ui.separator();

            ui.horizontal(|ui| {
                ui.vertical(|ui| {
                    ui.add(Slider::new(&mut self.temp_value, 0..=255).vertical());

                    ui.add(DragValue::new(&mut self.temp_value));

                    if ui.button("⟲").clicked() {
                        self.temp_value = 255;
                    }
                });
                ui.vertical(|ui| {
                    ui.add(Slider::new(&mut self.temp_value, 0..=255).vertical());

                    ui.add(DragValue::new(&mut self.temp_value));

                    if ui.button("⟲").clicked() {
                        self.temp_value = 255;
                    }
                });
            });

            ui.separator();

            ctx.settings_ui(ui);
        });
    }
}